*{
    font-size: 16px;
    color: #666;
}

body{
    position: relative;
}

.storeEvaluate{
    position: absolute;
    left: calc(~"50% - 320px");
    top: 163px;
    width:640px;
    // height:1200px;
    background:rgba(255,255,255,1);
    box-shadow:0px 6px 15px 4px rgba(0,0,0,0.4);
    border-radius:4px;
    margin-bottom: 163px;

    >p{
        width: 100%;
        height: 75px;
        line-height: 75px;
        text-align: center;
        color: #DBDBDB;
        font-size: 40px;

        >span{
            display: inline-block;
            width: 100px;
            height: 75px;
            line-height: 75px;
            color: #13479D;
            font-size: 21px;
            font-weight:bold;
        }
    }

    >span{
        display: block;
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #333333;
        font-size: 18px;
        margin-bottom: 55px;
    }

    >div{

        >div:nth-of-type(1){
            line-height: 30px;
            height: 30px;
            width: 100%;
            margin-bottom: 29px;

            >p{
                font-size: 14px;
                float: left;
                margin-left: 81px;
                margin-right: 42px;
            }

            >div{
                font-size: 30px;
                float: left;

                >i{
                    font-size: 30px;
                    color: #DBDBDB;
                }

                .like{
                    background-image: -webkit-linear-gradient(bottom, 
                        #F09334,
                        #F9C564
                    );
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;   
                }
            }
        }
        

        >div:nth-of-type(2){
            width: 100%;
            height: 111px;
            margin-bottom: 24px;

            >p{
                font-size: 14px;
                float: left;
                margin-left: 81px;
                margin-right: 42px;
            }

            >textarea{
                width:381px;
                height:87px;
                border-radius:2px;
                border:1px solid rgba(219,219,219,1);
                padding: 11px 16px;
            }

            >textarea::-webkit-input-placeholder{
                color: #999999;
            }
        }

        >div:nth-of-type(3){
            width: 100%;
            height: 88px;
            margin-bottom: 54px;

            >p{
                font-size: 14px;
                float: left;
                margin-left: 81px;
                margin-right: 42px;
            }

            >div{
                height: 88px;

                >img{
                    width: 88px;
                    height: 88px;
                    float: left;
                }

                >p{
                    float: left;
                    color: #F5A623;
                    line-height: 88px;
                    margin-left: 16px;
                }
            }
        }
    }

    >section{
        padding-bottom: 46px;
        width: 238px;
        height: 41px;
        margin: 0 auto;

        >button:nth-of-type(1){
            display: block;
            float: left;
            width: 111px;
            height: 42px;
            margin-right: 16px;
            background: #F09334;
            color: #fff;
            border: 0;
            border-radius:2px;
        }

        >button:nth-of-type(2){
            display: block;
            float: left;
            width: 111px;
            height: 42px;
            border: 0;
            color: #fff;
            background:linear-gradient(135deg,
            rgba(43,125,204,1) 0%,
            rgba(19,71,157,1) 100%
            );
            border-radius:2px;
        }
    }

    >img{
        position: absolute;
        right: 24px;
        top: 24px;
        width: 16px;
        height: 16px;
    }
}